@charset "utf-8";
/*<!--案例内容--》
/*寻人内容*/
#find{padding: 40px 10px;background-color: #EEEEEE;}
#find h1{color: #666;text-align: center;padding-bottom: 10px;font-size: 3rem;}
#find h4{color: #666;text-align: center;padding: 0px 2rem 0;font-size: 1.8rem}
#find form{width: 67%;transform: translate(25%, 0%);background: #ffffff;padding: 1% 4%; box-shadow: 5px 5px 5px #ddd;}
#find .form-control{width: 77%}
#find label{padding-right: 10px;width: 21%;}
#find #btn{width: 100%;margin: 20px 0;}
/*失踪人员详情页*/
#personinfo {padding: 40px 10px;background-color: #EEEEEE;}
#personinfo .row1{ background-color: #ffffff;box-shadow: 5px 5px 5px #ddd;}
#personinfo .zx,#personinfo .rx{ padding: 40px;}
#personinfo .zx{ max-width: 400px;max-height: 400px;}
#personinfo .zx img{ min-width: 100px;min-height: 100px;}
#personinfo table,#personinfo .list-group{ margin-bottom:0;}
#personinfo table th{  width:22%;border-right: 1px solid #bce8f1}
/*没有小于768px，是因为bootstrap以移动端为优先设计*/
/*响应式*/
/*小屏幕（平板，大于等于768）*/
@media only screen and (max-width:400px ) {
    #find form{width: 100%;transform: translate(0%, 0%); }
    #find .form-control{width: 100%}
}
@media only screen and (max-width:768px ) {
    #find form{width: 100%;transform: translate(0%, 0%); }
}
/*中等屏幕（桌面显示器，大于等于992）*/
@media only screen and (min-width:992px ) {

}
/*大等屏幕（大桌面显示器，大于等于1200）*/
@media only screen and (min-width:1200px ) {


}